 @import './swiper.min.css';

 body {
 	font-family: Microsoft YaHei;
 	margin: 0;
 	padding: 0;
 }




 .container {
 	min-width: 830px;
 	margin: 0 auto;
 	margin-bottom: 10px;

 	.con {
 		margin: 6px 12px 0 12px;
 		//height: 204px;
 		overflow: hidden;
 		clear: both;

 		.block50 {
 			width: 50%;
 			background: #ffffff;
 			//height: 217px;
 			float: left;

 			.info-left {
 				border: 1px solid #006447;
 				margin-right: 2.5px;
 				margin-left: 0;

 				.header {
 					background: #dceee3;
 					border-bottom: 1px solid #006447;
 					line-height: 26px;
 					font-family: Microsoft YaHei;
 					font-size: 14px;
 					color: #044431;
 					text-align: left;
 					padding-left: 7px;
 					height: 26px;
 					position: relative;

 					.tab-group {
 						position: absolute;

 						span {
 							margin-right: 5px;
 							display: inline-block;
 							cursor: pointer;
 							padding: 0 8px;
 							height: 22px;
 							line-height: 22px;
 							text-align: center;
 							color: #044431;
 							font-size: 14px;
 							border-radius: 6px;

 							&.on,
 							&:hover {
 								color: #FFFFFF;
 								background: #069869;
 							}
 						}

 					}

 					a {
 						float: right;
 						font-size: 12px;
 						color: #044431;
 						margin-right: 8px;
 						text-decoration: none;
 					}
 				}

 				.info-con {
 					width: 100%;

 					ul {
 						width: 100%;
 						margin: 0;
 						padding: 0;
 						margin-top: 3px;
 						list-style: none;

 						li {
 							background: url(../img/icon.png) no-repeat 12px center;
 							line-height: 28px;
 							font-family: Microsoft YaHei;
 							font-size: 12px;
 							color: #3d3d3d;
 							text-align: left;
 							padding-left: 22px;
 							//border-bottom: 1px dashed #dddddd;
 							height: 30px;

 							a {
 								font-size: 12px;
 								color: #3d3d3d;
 								display: block;
 								width: 80%;
 								text-overflow: ellipsis;
 								overflow: hidden;
 								float: left;
 								white-space: nowrap;
 								text-decoration: none;

 								&:hover {
 									color: #ff7e22;
 									text-decoration: underline;
 								}
 							}
 						}
 					}
 				}
 			}

 			.info-right {
 				border: 1px solid #006447;
 				margin-right: 0;
 				margin-left: 2.5px;

 				//height: 100%;
 				.header {
 					background: #dceee3;
 					border-bottom: 1px solid #006447;
 					line-height: 26px;
 					font-family: Microsoft YaHei;
 					font-size: 14px;
 					color: #044431;
 					text-align: left;
 					padding-left: 7px;

 					a {
 						float: right;
 						font-size: 12px;
 						color: #044431;
 						margin-right: 8px;
 						text-decoration: none;
 					}
 				}

 				.info-con {
 					width: 100%;

 					ul {
 						width: 100%;
 						margin: 0;
 						padding: 0;
 						margin-top: 3px;
 						list-style: none;

 						li {
 							background: url(../img/icon.png) no-repeat 12px center;
 							line-height: 28px;
 							font-family: Microsoft YaHei;
 							font-size: 12px;
 							color: #3d3d3d;
 							text-align: left;
 							padding-left: 22px;
 							//border-bottom: 1px dashed #dddddd;
 							height: 30px;

 							a {
 								font-size: 12px;
 								color: #3d3d3d;
 								display: block;
 								width: 80%;
 								text-overflow: ellipsis;
 								overflow: hidden;
 								float: left;
 								white-space: nowrap;
 								text-decoration: none;

 								&:hover {
 									color: #ff7e22;
 									text-decoration: underline;
 								}
 							}
 						}
 					}
 				}
 			}
 		}
 	}

 	.con_echarts {
 		margin: 6px 12px 6px 12px;
 		//height: 204px;
 		overflow: hidden;
 		clear: both;

 		.block50 {
 			width: 50%;
 			background: #ffffff;
 			//height: 217px;
 			float: left;

 			.info-left {
 				//border: 1px solid #006447;
 				margin-right: 2.5px;
 				margin-left: 0;
 				overflow: hidden;
 				border: 1px solid #006447;

 				//height: 100%;
 				.header {
 					background: #dceee3;
 					border-bottom: 1px solid #006447;
 					line-height: 26px;
 					font-family: Microsoft YaHei;
 					font-size: 14px;
 					color: #044431;
 					text-align: left;
 					padding-left: 7px;

 					a {
 						float: right;
 						font-size: 12px;
 						color: #044431;
 						margin-right: 8px;
 					}
 				}

 				.info-con {
 					width: 100%;
 					//border: 1px solid #006447;
 					border-top: none;
 					min-width: 429px;
 				}
 			}

 			.info-right {
 				//border: 1px solid #006447;
 				//margin-right: 2.5px;
 				margin-left: 2.5px;
 				overflow: hidden;
 				border: 1px solid #006447;

 				//height: 100%;
 				.header {
 					background: #dceee3;
 					border-bottom: 1px solid #006447;
 					line-height: 26px;
 					font-family: Microsoft YaHei;
 					font-size: 14px;
 					color: #044431;
 					text-align: left;
 					padding-left: 7px;

 					a {
 						float: right;
 						font-size: 12px;
 						color: #044431;
 						margin-right: 8px;

 					}
 				}

 				.info-con {
 					width: 100%;
 					//border: 1px solid #006447;
 					border-top: none;
 				}
 			}
 		}
 	}
 }

 .tab-group {
 	position: absolute;

 }

 .swiper-box {
 	box-sizing: border-box;
 	padding: 2px;

 }

 .swiper-slide img {
 	width: 100%;
 	height: 100%;
 }

 .swiper-slide::after {
 	display: block;
 	content: "";
 	width: 152px;
 	height: 144px;
 	background: url("../img/adyt_logo.png") no-repeat center;
 	background-size: 100% 100%;
 	position: absolute;
 	top: 20px;
 	left: 15px;

 }

 .bottom-txt {
 	position: absolute;
 	margin: 0;
 	bottom: 0;
 	left: 0;
 	right: 0;
 	height: 25px;
 	line-height: 25px;
 	background: rgba(6, 152, 105, 0.50);
 	font-family: PingFangSC-Regular;
 	font-size: 12px;
 	color: #FFFFFF;
 	padding-left: 10px;
 	overflow: hidden;
 	white-space: nowrap;
 	text-overflow: ellipsis;
 	padding-right: 120px;
 }

 .swiper-container-horizontal>.swiper-pagination-bullets,
 .swiper-pagination-custom,
 .swiper-pagination-fraction {
 	bottom: 3px;
 }

 .swiper-pagination {
 	text-align: right;

 }

 .swiper-pagination-bullet {
 	width: 17px;
 	height: 17px;
 	line-height: 17px;
 	text-align: center;

 	font-size: 12px;
 	color: #fff;
 	background: #069869;
 	border: 1px solid #00A77B;
 	border-radius: 50%;
 	opacity: 1;
 }

 .swiper-pagination-bullet-active {
 	background: #006A48;
 }